userinfo()
function userinfo() {
  axios.get('/my/userinfo').then(({ data: res }) => {
    //console.log(res);

    //把数据显示到页面表单中
    // 给表单赋值 
    const form = layui.form
    // 第一个参数 formFilter 即 class="layui-form”所在元素属性 Lay-filter="”对应的值// 第二个参数: 是数据 (给表单赋值的数据)
    //数据的键名一定要表单的name属性的值要对应起来，否则无法给表单赋值
    //formFilter 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
    form.val("formFilter", res.data);//获取表单区域所有值

  })
}
// axios.get('/my/userinfo').then(({ data: res }) => {
//   //console.log(res);

//   //把数据显示到页面表单中
//   // 给表单赋值 
//   const form = layui.form
//   // 第一个参数 formFilter 即 class="layui-form”所在元素属性 Lay-filter="”对应的值// 第二个参数: 是数据 (给表单赋值的数据)
//   //数据的键名一定要表单的name属性的值要对应起来，否则无法给表单赋值
//   //formFilter 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
//   form.val("formFilter", res.data);//获取表单区域所有值

// })
//==================表单校验============
let form = layui.form
form.verify({
  nickname: function (value, item) { //value：表单的值、item：表单的DOM对象
    if (value.length < 2 || value.length > 6) {
      return '输入的字符要在2-6之间'
    }
  }

});

//===========更新用户的基本信息==============
let layer = layui.layer
$('#form').on('submit', function (e) {
  e.preventDefault()
  let data = $(this).serialize()
  axios.post('/my/userinfo', data).then(({ data: { status, message } }) => {
    if (!status == 0) {
      //提交修改失败
      return layer.msg(message)
    }
    //提交修改成功
    layer.msg(message)
    //更新index页面中的昵称
    window.parent.getUserInfo()//只在iframa中使用

  })
})

//============重置表单信息=========
$('#btnReset').on('click', function (e) {
  //重置按钮，会把表单的内容清空掉（阻止默认功能）
  e.preventDefault()
  //重置：恢复成用户原本的信息==》重新发送ajax请求获取用户信息
  userinfo()
})